<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport"
          content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <title>首页</title>
    <link rel="stylesheet" type="text/css" href="../css/aui.css"/>
    <link rel="stylesheet" type="text/css" href="../css/common.css"/>
    <link rel="stylesheet" type="text/css" href="../css/aui-slide.css" />
    <style type="text/css">
        body {
            background: #f4f4f4;
            font-size: 14px;

        }
        .aui-slide-page-active{
            background: #ed9b9b;
        }
        nav{
            overflow: hidden;
        }
        .icon{
            margin: 0;
            padding-bottom: 0 !important;
        }
        .icon li{
            width: 20%;
            float: left;
            font-size: 12px;
            position: relative;
            padding-bottom: 5px !important;
        }
        .aui-list-view.aui-grid-view .aui-list-view-cell:after{
            border-bottom: 1px solid #c8c7cc;
        }
        .aui-list-view.aui-grid-view .aui-list-view-cell .aui-img-body{
            font-size: 12px;
        }
        .aui-list-view .aui-img{
            overflow: inherit;
        }
        .aui-list-view-cell:after{
            right: -125% !important;
        }
        .toutiao{
            font-weight: bold;
            font-size: 18px;
        }
        .toutiao:after{
            border: none;
        }
        .toutiao .active{
            display: block;
            padding-right: 10px;
            float: left;
            margin-right: 10px;
        }
        .title{
            width: 100%;
            text-align: center;
            font-weight: bold;
            position: relative;
            color: #ff3333;
            line-height: 25px;
        }
        .title span{
            position: relative;
            display: inline-block;
            padding: 0 10px;
        }
        .title span:before,
        .title span:after{
            position: absolute;
            content: '';
            width: 100%;
            height: 2px;
            top: 50%;
            transform: translateY(-50%);
        }
        .title span:before{
            right: -100%;
            background: linear-gradient(to right,#fc8989 ,transparent);
        }
        .title span:after{
            left: -100%;
            background: linear-gradient(to left,#fc8989 ,transparent);
        }
        .classList{
            overflow: hidden;
            margin-bottom: 8px;
        }
        .proList{
            overflow: hidden;
            margin-bottom: -1px;
        }
        .proList img{
            width: 33.333%;
            float: left;
            box-shadow: 0px 0px 0px 1px #d9d9d9;
        }
        .adv img{
            width: 100%;
        }
        .header1,.header2,.header3{
            /*padding:10px 10px;*/
            line-height: 45px;
            height: 45px;
        }
        .header1{
            padding:0 15px;
        }
        .header1 .aui-title{
            left: 85px;
            right:60px;
            width: auto !important;
        }
        .header1 .aui-iconfont{
            font-size: 18px;
            line-height: 45px;
            height: 45px;
            padding-left:4px;
        }
        .aui-searchbar-wrap {
            background: none;
            height: 45px;
        }
        .aui-searchbar {
            -webkit-box-pack: start;
        }
        .aui-searchbar {
            background: #ebeced;
        }
        .header1 .aui-iconfont {
            font-size: 18px;
            line-height: 45px;
            height: 45px;
            padding-left: 4px;
        }
        .aui-iconfont.aui-icon-search {
            line-height: inherit;
        }
        header{
            position: fixed;
            top: 0;
            width: 100%;
            z-index: 999;
            background: #fff;
        }
        footer{
            position: fixed;
            bottom: 0;
        }
        .contain{
            margin-top: 45px;
            margin-bottom: 60px;
        }
    </style>
</head>
<body>
<header>
    <div class=" header1  hidde aui-border-b " id="header-title">
        <span class="aui-pull-left " tapmode onclick="openToTwo('wareHouse')"><em class="wareHouse">广东仓</em><i class="aui-iconfont aui-icon-unfold"></i></span>
        <div class="aui-title">
            <div class="aui-searchbar-wrap demo" id="search">
                <div class="aui-searchbar aui-border-radius" tapmode onclick="openToTwo('search')">
                    <i class="aui-iconfont aui-icon-search"></i>
                    <div class="aui-searchbar-text">搜索你想要的商品名称</div>
                    <div class="aui-searchbar-input">
                        <form action="javascript:search();">
                            <input type="search" placeholder="搜索你想要的商品名称" id="search-input">
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>

</header>



<div class=" contain">
    <div class="slide">
        <div id="aui-slide">
            <div class="aui-slide-wrap" >
                <div class="aui-slide-node ">
                    <img src="../image/tese.jpg" />
                </div>
                <div class="aui-slide-node ">
                    <img src="../image/tese.jpg" />
                </div>
                <div class="aui-slide-node ">
                    <img src="../image/tese.jpg" />
                </div>
            </div>
            <div class="aui-slide-page-wrap"><!--分页容器--></div>
        </div>
    </div>
    <div tapmode onclick="openToTwo('my/orderManage')">
        <img style="width: 100%" class="aui-img-object" src="../image/ceshi.jpg">
    </div>
    <nav>
        <ul class="icon aui-list-view aui-grid-view">
            <li class="aui-list-view-cell aui-img w20 " tapmode onclick="openToTwo('newArea')">
                <img class="aui-img-object" src="../image/new.png">

                <div class="aui-img-body">
                    新品特区
                </div>
            </li>
            <li class="aui-list-view-cell aui-img w20" tapmode onclick="openToTwo('news')">
                <img class="aui-img-object" src="../image/news.png">

                <div class="aui-img-body">
                    建材资讯
                </div>
            </li>
            <li class="aui-list-view-cell aui-img w20" tapmode onclick="openToTwo('searchInfo')">
                <img class="aui-img-object" src="../image/cang.png">

                <div class="aui-img-body">
                    集约仓
                </div>
            </li>
            <li class="aui-list-view-cell aui-img w20" tapmode onclick="toSearch(this)">
                <img class="aui-img-object" src="../image/deng.png">

                <div class="aui-img-body">
                    灯饰
                </div>
            </li>
            <li class="aui-list-view-cell aui-img w20" tapmode onclick="toSearch(this)">
                <img class="aui-img-object" src="../image/diban.png">

                <div class="aui-img-body">
                    地板
                </div>
            </li>

            <li class="aui-list-view-cell aui-img w20" tapmode onclick="toSearch(this)">
                <img class="aui-img-object" src="../image/tuliao.png">

                <div class="aui-img-body">
                    涂料
                </div>
            </li>
            <li class="aui-list-view-cell aui-img w20" tapmode onclick="toSearch(this)">
                <img class="aui-img-object" src="../image/taoci.png">

                <div class="aui-img-body">
                    陶瓷
                </div>
            </li>
            <li class="aui-list-view-cell aui-img w20" tapmode onclick="toSearch(this)">
                <img class="aui-img-object" src="../image/wujin.png">

                <div class="aui-img-body">
                    五金
                </div>
            </li>
            <li class="aui-list-view-cell aui-img w20" tapmode onclick="toSearch(this)">
                <img class="aui-img-object" src="../image/menchuang.png">

                <div class="aui-img-body">
                    门窗
                </div>
            </li>
            <li class="aui-list-view-cell aui-img w20" tapmode onclick="toSearch(this)">
                <img class="aui-img-object" src="../image/weiyu.png">

                <div class="aui-img-body">
                    卫浴
                </div>
            </li>
        </ul>
        <ul class="aui-list-view toutiao">
            <li class="aui-list-view-cell">
                <span class="active  aui-border-r">建材头条</span><span tapmode onclick="openToTwo('my/ComRenzheng')">公司验证</span>
            </li>
        </ul>
    </nav>
    <!--特价区-->
    <div class="tejia classList">
        <div class="title "><span>特价区</span></div>
        <div class="proList">
            <img tapmode onclick="openToTwo('proInfo')" src="../image/zhaoming.png" alt="">
            <img tapmode onclick="openToTwo('proInfo')" src="../image/shangye.png" alt="">
            <img tapmode onclick="openToTwo('proInfo')" src="../image/shangye.png" alt="">
            <img tapmode onclick="openToTwo('proInfo')" src="../image/shangye.png" alt="">
            <img tapmode onclick="openToTwo('proInfo')" src="../image/shangye.png" alt="">
        </div>
    </div>
    <!--热销-->
    <div class="rexiao classList">
        <div class="title "><span>热销区</span></div>
        <div class="proList">
            <img tapmode onclick="openToTwo('proInfo')" src="../image/shangye.png" alt="">
            <img tapmode onclick="openToTwo('proInfo')" src="../image/shangye.png" alt="">
            <img tapmode onclick="openToTwo('proInfo')" src="../image/shangye.png" alt="">
        </div>
    </div>
    <!--广告去-->
    <div class="adv">
        <img src="../image/adv.png" alt="">
    </div>
    <!--定制区-->
    <div class="rexiao classList">
        <div class="title "><span>定制区</span></div>
        <div class="proList">
            <img tapmode onclick="openToTwo('proInfo')" src="../image/shangye.png" alt="">
            <img tapmode onclick="openToTwo('proInfo')" src="../image/shangye.png" alt="">
            <img tapmode onclick="openToTwo('proInfo')" src="../image/shangye.png" alt="">
        </div>
    </div>
</div>


<footer class="aui-nav" id="aui-footer">
    <ul class="aui-bar-tab">
        <li class="active" id="tabbar1" tapmode onclick="randomSwitchBtn(this,'首页',0)">
            <span class="aui-iconfont aui-icon-home"></span>
            <p>
                首页
            </p>
        </li>
        <li id="tabbar2" tapmode onclick="randomSwitchBtn(this,'分类',1)">
            <span class="aui-iconfont aui-icon-cascades"></span>
            <p>
                分类
            </p>
        </li>
        <li id="tabbar3" tapmode onclick="randomSwitchBtn(this,'购物车',2)">
            <span class="aui-iconfont aui-icon-cart"></span>
            <p>
                购物车
            </p>
        </li>
        <li id="tabbar4" tapmode onclick="randomSwitchBtn(this,'进货单',3)">
            <span class="aui-iconfont aui-icon-people"></span>
            <p>
                我的
            </p>
        </li>
    </ul>
</footer>
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/myInfo.js"></script>
<script type="text/javascript" src="../script/doT.min.js"></script>
<script type="text/javascript" src="../script/echo.js"></script>
<script type="text/javascript" src="../script/jquery-1.11.3.js"></script>
<script type="text/javascript" src="../script/aui-slide.js"></script>
<script type="text/javascript">
    apiready = function () {
        api.parseTapmode();

    }
    slide();
    ///切换左侧分类的样式

    //$(document).on("click",".contain-left li",function(){
    function changeCategory(obj) {
        $(".contain-left li").removeClass("active").addClass("aui-border-l").addClass("aui-border-r");
        $(obj).addClass("active").removeClass("aui-border-l").removeClass("aui-border-r");
        if ($(obj).index() == 0) {
            $(".tuijian").css({"display": "block"});
            $(".other").css({"display": "none"});
        } else {
            $(".tuijian").css({"display": "none"});
            $(".other").css({"display": "block"});
        }
    }
    function slide(){
        var slide3 = new auiSlide({
            container:document.getElementById("aui-slide"),
            // "width":300,
            "height":240,
            "speed":500,
            "autoPlay": 3000, //自动播放
            "loop":true,
            "pageShow":true,
            "pageStyle":'dot',
            'dotPosition':'center'
        })
    }
    //单击nav链接到searchInfo页面时候传参数
    function toSearch(obj){
        var searchValue=$(obj).find(".aui-img-body").text();
        alert("传"+searchValue+"到searchInfo.html页面")
    }


    function funcGotoBakHome(index) {
        getStorageAll();
        if (user_id) {
            api.execScript({
                name: 'root',
                script: 'randomSwitchBtnBakHome(' + index + ')'
            });
        } else {
            openTo('login_win');
        }
    }








</script>
</html>